<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>各地区数据展示</title>
  <link href="../../css/functionalAreas/regionalDataDisplay/bootstrap.css" rel="stylesheet">
  <link rel="stylesheet" href="../../css/functionalAreas/regionalDataDisplay/base.css">
  <link rel="stylesheet" href="../../css/functionalAreas/regionalDataDisplay/index.css">

  <style>
    .t_title{
      width: 100%;
      height: 100%;
      text-align: center;
      font-size: 2.5em;
      line-height: 80px;
      color: #fff;
    }
    #chart_map{
      cursor: pointer;
      background: url("../../images/functionalAreas/regionalDataDisplay/china_map_bgp.png");
      background-size: cover;
      z-index: 0;
    }
    .t_show{
      position: absolute;
      top: 0;
      right: 0;
      border-radius: 2px;
      background: #2C58A6;
      padding: 2px 5px;
      color: #fff;
      cursor: pointer;
    }
  </style>
</head>
<body>
<script src="../../js/functionalAreas/regionalDataDisplay/jquery-2.2.1.min.js"></script>
<script src="../../js/functionalAreas/regionalDataDisplay/jQuery.Hz2Py-min.js"></script>
<script src="../../js/functionalAreas/regionalDataDisplay/bootstrap.min.js"></script>
<script src="../../js/functionalAreas/regionalDataDisplay/common.js"></script>
<script src="../../js/functionalAreas/regionalDataDisplay/echarts.min.js"></script>
<script src="../../js/functionalAreas/regionalDataDisplay/dataTool.js"></script>
<script src="../../js/functionalAreas/regionalDataDisplay/index.js"></script>
<script src="../../js/functionalAreas/regionalDataDisplay/china.js"></script>
<script src="../../js/functionalAreas/regionalDataDisplay/myFunction.js"></script>
<!--header-->
<div class="header">
  <div class="bg_header">
    <div class="header_nav fl t_title">
      各地区数据展示
    </div>
  </div>
</div>

<!--main-->
<div class="data_content">
  <div class="data_time">
    温馨提示: 点击模块后跳转至详情页面。
  </div>

  <div class="data_main">


    <div class="main_left fl">
      <div class="left_1 t_btn6" style="cursor: pointer;">
        <!--左上边框-->
        <div class="t_line_box">
          <i class="t_l_line"></i>
          <i class="l_t_line"></i>
        </div>
        <!--右上边框-->
        <div class="t_line_box">
          <i class="t_r_line"></i>
          <i class="r_t_line"></i>
        </div>
        <!--左下边框-->
        <div class="t_line_box">
          <i class="l_b_line"></i>
          <i class="b_l_line"></i>
        </div>
        <!--右下边框-->
        <div class="t_line_box">
          <i class="r_b_line"></i>
          <i class="b_r_line"></i>
        </div>
        <div class="main_title">
          <img src="../../images/functionalAreas/regionalDataDisplay/t_1.png" alt="">
          云南省各地区火险指数
        </div>
        <div id="chart_1" class="chart" style="width:100%;height: 280px;"></div>
      </div>
      <div class="left_2" style="cursor: pointer;">
        <!--左上边框-->
        <div class="t_line_box">
          <i class="t_l_line"></i>
          <i class="l_t_line"></i>
        </div>
        <!--右上边框-->
        <div class="t_line_box">
          <i class="t_r_line"></i>
          <i class="r_t_line"></i>
        </div>
        <!--左下边框-->
        <div class="t_line_box">
          <i class="l_b_line"></i>
          <i class="b_l_line"></i>
        </div>
        <!--右下边框-->
        <div class="t_line_box">
          <i class="r_b_line"></i>
          <i class="b_r_line"></i>
        </div>


        <div class="main_title">
          <img src="../../images/functionalAreas/regionalDataDisplay/t_2.png" alt="">
          <span class="province"></span>地图
        </div>
        <div id="chart_2" class="chart t_btn9" style="width:100%;height: 280px;"></div>
      </div>
    </div>


    <div class="main_center fl">
      <div class="center_text">
        <!--左上边框-->
        <div class="t_line_box">
          <i class="t_l_line"></i>
          <i class="l_t_line"></i>
        </div>
        <!--右上边框-->
        <div class="t_line_box">
          <i class="t_r_line"></i>
          <i class="r_t_line"></i>
        </div>
        <!--左下边框-->
        <div class="t_line_box">
          <i class="l_b_line"></i>
          <i class="b_l_line"></i>
        </div>
        <!--右下边框-->
        <div class="t_line_box">
          <i class="r_b_line"></i>
          <i class="b_r_line"></i>
        </div>
        <div class="main_title">
          <img src="../../images/functionalAreas/regionalDataDisplay/t_3.png" alt="">
          中国地图
        </div>
        <div id="chart_map" style="width:100%;height:610px;"></div>
        <text class="provinceName" hidden></text>
      </div>
    </div>




    <!--右侧模块-->
    <div class="main_right fr">

      <div class="right_1">



        <!--左上边框-->
        <div class="t_line_box">
          <i class="t_l_line"></i>
          <i class="l_t_line"></i>
        </div>
        <!--右上边框-->
        <div class="t_line_box">
          <i class="t_r_line"></i>
          <i class="r_t_line"></i>
        </div>
        <!--左下边框-->
        <div class="t_line_box">
          <i class="l_b_line"></i>
          <i class="b_l_line"></i>
        </div>
        <!--右下边框-->
        <div class="t_line_box">
          <i class="r_b_line"></i>
          <i class="b_r_line"></i>
        </div>

        <div class="main_title">
          <img src="../../images/functionalAreas/regionalDataDisplay/t_4.png" alt="">
          <span class="city">昆明市</span>一天湿度变化
        </div>



        <div id="chart_3" class="echart t_btn7" style="width:100%;height: 280px;"></div>
      </div>

      <div class="right_2">
        <!--左上边框-->
        <div class="t_line_box">
          <i class="t_l_line"></i>
          <i class="l_t_line"></i>
        </div>
        <!--右上边框-->
        <div class="t_line_box">
          <i class="t_r_line"></i>
          <i class="r_t_line"></i>
        </div>
        <!--左下边框-->
        <div class="t_line_box">
          <i class="l_b_line"></i>
          <i class="b_l_line"></i>
        </div>
        <!--右下边框-->
        <div class="t_line_box">
          <i class="r_b_line"></i>
          <i class="b_r_line"></i>
        </div>



        <div class="main_title">
          <img src="../../images/functionalAreas/regionalDataDisplay/t_4.png" alt="">
          <span class="city">昆明</span>市一天温度变化
        </div>
        <div id="chart_9" class="echart t_btn7" style="width:100%;height: 280px;"></div>


    </div>
  </div>


  <div class="data_bottom">
    <div class="bottom_1 fl t_btn5" style="cursor: pointer;margin-top: 50px">
      <!--左上边框-->
      <div class="t_line_box">
        <i class="t_l_line"></i>
        <i class="l_t_line"></i>
      </div>
      <!--右上边框-->
      <div class="t_line_box">
        <i class="t_r_line"></i>
        <i class="r_t_line"></i>
      </div>
      <!--左下边框-->
      <div class="t_line_box">
        <i class="l_b_line"></i>
        <i class="b_l_line"></i>
      </div>
      <!--右下边框-->
      <div class="t_line_box">
        <i class="r_b_line"></i>
        <i class="b_r_line"></i>
      </div>
      <div class="main_title">
        <img src="../../images/functionalAreas/regionalDataDisplay/t_6.png" alt="">
        某市风速风向图
      </div>
      <div id="model_5"style="width:100%;height: 250px;margin-top: 15px;"></div>
    </div>
    <div class="bottom_center fl" style="margin-top: 50px">
      <div class="bottom_2 fl">
        <!--左上边框-->
        <div class="t_line_box">
          <i class="t_l_line"></i>
          <i class="l_t_line"></i>
        </div>
        <!--右上边框-->
        <div class="t_line_box">
          <i class="t_r_line"></i>
          <i class="r_t_line"></i>
        </div>
        <!--左下边框-->
        <div class="t_line_box">
          <i class="l_b_line"></i>
          <i class="b_l_line"></i>
        </div>
        <!--右下边框-->
        <div class="t_line_box">
          <i class="r_b_line"></i>
          <i class="b_r_line"></i>
        </div>


        <div class="main_title">
          <img src="../../images/functionalAreas/regionalDataDisplay/t_7.png" alt="">
          云南省月降水量
        </div>
        <div class="main_table t_btn8" >
          <table>
            <thead>
            <tr>
              <th>降水时常(天)</th>
              <th>降水量(mm)</th>
              <th>平均气温(°C)</th>
              <th>日期(月)</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td>15</td>
              <td>400</td>
              <td>18</td>
              <td>8月</td>
            </tr>
            <tr>
              <td>18</td>
              <td>211</td>
              <td>8</td>
              <td>9月</td>
            </tr>
            <tr>
              <td>25</td>
              <td>2022</td>
              <td>13</td>
              <td>10月</td>
            </tr>
            <tr>
              <td>4</td>
              <td>19</td>
              <td>20</td>
              <td>11月</td>
            </tr>
            <tr>
              <td>20</td>
              <td>145</td>
              <td>27</td>
              <td>12月</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="bottom_3 fl" >
        <!--左上边框-->
        <div class="t_line_box">
          <i class="t_l_line"></i>
          <i class="l_t_line"></i>
        </div>
        <!--右上边框-->
        <div class="t_line_box">
          <i class="t_r_line"></i>
          <i class="r_t_line"></i>
        </div>
        <!--左下边框-->
        <div class="t_line_box">
          <i class="l_b_line"></i>
          <i class="b_l_line"></i>
        </div>
        <!--右下边框-->
        <div class="t_line_box">
          <i class="r_b_line"></i>
          <i class="b_r_line"></i>
        </div>
        <div class="main_title">
          <img src="../../images/functionalAreas/regionalDataDisplay/t_7.png" alt="">
          模块2
        </div>
        <div class="main_table t_btn2">
          <table style="display: none">
            <thead>
            <tr>
              <th>省内(万件)</th>
              <th>省外(万件)</th>
              <th>国际(万件)</th>
              <th>总业务量(万件)</th>
              <th>日期</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td>21352.36</td>
              <td>68575.6</td>
              <td>464.43</td>
              <td>90392.39</td>
              <td>2018年</td>
            </tr>
            <tr>
              <td>17522.41</td>
              <td>37111.03</td>
              <td>278.5</td>
              <td>54911.94</td>
              <td>2017年</td>
            </tr>
            <tr>
              <td>7014.14</td>
              <td>26841.29</td>
              <td>163.72</td>
              <td>34019.15</td>
              <td>2016年</td>
            </tr>
            <tr>
              <td>2553.55</td>
              <td>18072.54</td>
              <td>129.65</td>
              <td>20755.74</td>
              <td>2015年</td>
            </tr>
            <tr>
              <td>1427.04</td>
              <td>10859.54</td>
              <td>182.54</td>
              <td>12469.11</td>
              <td>2014年</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <div class="bottom_4 fr" style="margin-top: 50px">
      <!--左上边框-->
      <div class="t_line_box">
        <i class="t_l_line"></i>
        <i class="l_t_line"></i>
      </div>
      <!--右上边框-->
      <div class="t_line_box">
        <i class="t_r_line"></i>
        <i class="r_t_line"></i>
      </div>
      <!--左下边框-->
      <div class="t_line_box">
        <i class="l_b_line"></i>
        <i class="b_l_line"></i>
      </div>
      <!--右下边框-->
      <div class="t_line_box">
        <i class="r_b_line"></i>
        <i class="b_r_line"></i>
      </div>
      <div class="main_title">
        <img src="../../images/functionalAreas/regionalDataDisplay/t_7.png" alt="">
        模块3
      </div>
      <div class="main_table t_btn3">
        <table style="display: none">
          <thead>
          <tr>
            <th>载客汽车(万辆)</th>
            <th>载货汽车(万辆)</th>
            <th>汽车拥有量(万辆)</th>
            <th>日期</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>2.53</td>
            <td>142.65</td>
            <td>145.18</td>
            <td>2018年</td>
          </tr>
          <tr>
            <td>2.52</td>
            <td>139.95</td>
            <td>142.47</td>
            <td>2017年</td>
          </tr>
          <tr>
            <td>2.65</td>
            <td>137.96</td>
            <td>140.61</td>
            <td>2016年</td>
          </tr>
          <tr>
            <td>2.97</td>
            <td>131.48</td>
            <td>134.45</td>
            <td>2015年</td>
          </tr>
          <tr>
            <td>3.23</td>
            <td>99.99</td>
            <td>103.22</td>
            <td>2014年</td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
</div>
</body>

</html>